---
title: Checkboxes
description: Accessible checkbox components built with Tailwind CSS v4. Includes styled checkboxes with labels, descriptions, and responsive designs for forms, settings, and user interfaces. Optimized for SEO, accessibility, and mobile usability.
emoji: ✅
category: application
slug: checkboxes
wrapper: h-[400px]
terms:
  - filter
  - form
  - input
components:
  - { title: 'Base', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Described', dark: true, plugins: ['@tailwindcss/forms'] }
  - { title: 'Described with divide', dark: true, plugins: ['@tailwindcss/forms'] }
---

import CollectionHeader from '../../../components/CollectionHeader.astro'

<CollectionHeader>
  # Checkbox Components

  <p>{frontmatter.description}</p>
</CollectionHeader>
